.cases .case img, .designer-info .avatar img, .designer-info .works img, .designers > .right .designer img, .honors .honor img, .product-grid-item .product-grid-item-img img, .product-info .left .product-affix-content .affix img, .product-info .left .row .product-big img, .product-info .left .row .swiper img, .product-other .other-product ul li img, legend {
    max-height: 100%;
}

.product-other .other-product li a {
    display: block;
    height: 130px;
}

.drawer {
    z-index: 100;
}

.drawer-content li {
    margin-bottom: 20px;
}

.cases {
    flex-wrap: wrap;
}

.case-info {
    padding-top: 80px;
}

.case-info .logo {
    margin-bottom: 30px;
}

.case-info .logo {
    max-width: 400px;
}

.case-info .introduced {
    max-width: 800px;
    text-align: justify;
    text-align-all: justify;
    margin: 0 auto;
    margin-bottom: 80px;
}

.case-info .palce {
    margin-bottom: 50px;
}

.auth-box {
    position: relative;
    height: 480px;
}

.auth-box .auth {
    position: absolute;
    top: 15%;
    right: 10%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 1px rgba(15, 15, 15, .4);
    width: 380px;
}















































